<template>
  <div>
    <!--第2层  这里的层数指的是包裹的意思，数字越大说明越外层，数字小的是数字大的子div，2代表第二层的div-->
    <div style="display:flex">
        <!-- 第三层 -->
         <div style="height:200px;width:200px">
         
         </div>
         <!-- 第三层 -->
         <div>
         <h1>枕头</h1>
         <!-- 第四层 -->
         <div style="display:flex">
         <!-- 第五层 -->
         <div>
         <p>上架日期：2021-01-02</p>
         <p>规格：27cm x 63cm x 33cm</p>
         </div>
         <!-- 第五层 -->
          <div style="margin-left:30px">
              <h1>X1</h1>
         </div>
         </div>
         <!-- 第四层 -->
         <div>
             <h1>合计：￥5</h1>
         </div>
          <!-- 第四层 -->
         <div>
             <h1>支付</h1>
         </div>
         </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },

  methods: {},
};
</script>
<style>
</style>